    <?php

           include('init.php');
           include('getToken.php');
           $sql = "select reward_info from zhuanpanyonghu where userId = '".$_SESSION['wechat_openid'] ."' ORDER BY did DESC LIMIT 0,1";
           $sth = $dbh->query($sql)->fetch();
           $message = '';
           if($sth != 0){
               if (!empty($sth['reward_info'])){
                    $message = "你已经玩过了哦!";
               }
           }
           $username = $_POST['username'];
           $shopId = $_POST['shopId'];
           //file_put_contents('aaa.txt', json_encode($_POST));die();
           $phone_number = $_POST['phone_number'];
           $gender = $_POST['gender'];
           $age = $_POST['age'];
           if(empty($_POST)){
               $message = "没输入信息";
           } else {
           if(empty($username)){
               $message = "没有输入名字哦";
           }
           if(empty($phone_number)){
               $message = "没有输入号码哦";
           }
           if(empty($age)){
               $message = "没有输入年龄哦";
           }
           }
           if (empty($message)) {
               
               $arr = $_POST;
               $sql_insert = "insert into zhuanpanyonghu (memberName, register_sex, mobile, register_time, register_ip,userId,shopId,reward_info) values ( '" . $arr['username'] . "' , '".$arr['gender']."' , '".$arr['phone_number']."', ". time() .", '". $_SERVER['REMOTE_ADDR'] ."','". $_SESSION['wechat_openid'] ."', '".$arr['shopId']."','')";
               $sth = $dbh->prepare($sql, array(PDO::ATTR_CURSOR => PDO::CURSOR_FWDONLY));
               $row = $sth->execute($inserts);
               $row = $dbh->exec($sql_insert);
               $lastId = $dbh->lastInsertId();
               //file_put_contents('aaa.txt', json_encode($_POST));die();
           }

     ?>
        <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
        <html xmlns="http://www.w3.org/1999/xhtml">
        <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>大转盘活动</title>
        <?php if (empty($message)) { ?>
        <link href="style.css" rel="stylesheet" type="text/css">
        <link rel="stylesheet" href="css/layer.css">
        <script type="text/javascript" src="js/jquery-1.10.2.js"></script>
        <script type="text/javascript" src="js/awardRotate.js"></script>
        <script type="text/javascript" src="js/layer.js"></script>
        <script type="text/javascript">
        var turnplate={
                        restaraunts:[],				//大转盘奖品名称
                        colors:[],					//大转盘奖品区块对应背景颜色
                        outsideRadius:192,			//大转盘外圆的半径
                        textRadius:155,				//大转盘奖品位置距离圆心的距离
                        insideRadius:68,			//大转盘内圆的半径
                        startAngle:0,				//开始角度
                        bRotate:false				//false:停止;ture:旋转
        };

        $(document).ready(function(){
                //动态添加大转盘的奖品与奖品区域背景颜色
                /***
                var gistData;
                $.ajax({
                        url:"actionPhp.php?shopId=<?php echo $_POST['shopId'];?>",
                        cache:false,
                        data:{"id":0},
                        type:"json",
                        async:false,
                        method:"POST",
                        success:function(data){
                                console.log(data);
                                gistData = JSON.parse(data);
                        }
                });
                ***/
                turnplate.restaraunts = <?php echo json_encode(array("三等奖", "谢谢参与", "二等奖", "谢谢参与","一等奖", "三等奖", "再接再厉 ", "谢谢参与", "再接再厉", "谢谢参与")); ?>;
                turnplate.colors = ["#FFF4D6", "#FFFFFF", "#FFF4D6", "#FFFFFF","#FFF4D6", "#FFFFFF", "#FFF4D6", "#FFFFFF","#FFF4D6", "#FFFFFF"];


                var rotateTimeOut = function (){
                        $('#wheelcanvas').rotate({
                                angle:0,
                                animateTo:2160,
                                duration:8000,
                                callback:function (){
                                        alert('网络超时，请检查您的网络设置！');
                                }
                        });
                };

                //旋转转盘 item:奖品位置; txt：提示语;
                var rotateFn = function (item, txt){
                        var angles = item * (360 / turnplate.restaraunts.length) - (360 / (turnplate.restaraunts.length*2));
                        if(angles<270){
                                angles = 270 - angles; 
                        }else{
                                angles = 360 - angles + 270;
                        }
                        $('#wheelcanvas').stopRotate();
                        $('#wheelcanvas').rotate({
                                angle:0,
                                animateTo:angles+1800,
                                duration:8000,
                                callback:function (){
                                        layer.open({
                                                content:txt
                                        });
                                        $("#gist_text").html(txt);
                                        turnplate.bRotate = !turnplate.bRotate;
                                }
                        });
                };
                var flag = true;
                $('.pointer').click(function (){
                        if(flag){
                                $.ajax({
                                        url:"actionPhp.php?shopId=<?php echo $_POST['shopId']; ?>&lastId=<?php echo $lastId; ?>",
                                        method:"POST",
                                        data:{"id":1},
                                        type:"json",
                                        cache:"false",
                                        success:function(res){
                                                flag = false;
                                                if(turnplate.bRotate)return;
                                                turnplate.bRotate = !turnplate.bRotate;
                                                var item = res;
                                                console.log(item);
                                                rotateFn(item, turnplate.restaraunts[item-1]);
                                        }
                                })
                        }
                });
        });

        function rnd(n, m){
                var random = Math.floor(Math.random()*(m-n+1)+n);
                return random;

        }

        //页面所有元素加载完毕后执行drawRouletteWheel()方法对转盘进行渲染
        window.onload=function(){
                drawRouletteWheel();
        };

        function drawRouletteWheel() {    
          var canvas = document.getElementById("wheelcanvas");    
          if (canvas.getContext) {
                  //根据奖品个数计算圆周角度
                  var arc = Math.PI / (turnplate.restaraunts.length/2);
                  var ctx = canvas.getContext("2d");
                  //在给定矩形内清空一个矩形
                  ctx.clearRect(0,0,422,422);
                  //strokeStyle 属性设置或返回用于笔触的颜色、渐变或模式  
                  ctx.strokeStyle = "#FFBE04";
                  //font 属性设置或返回画布上文本内容的当前字体属性
                  ctx.font = '16px Microsoft YaHei';      
                  for(var i = 0; i < turnplate.restaraunts.length; i++) {       
                          var angle = turnplate.startAngle + i * arc;
                          ctx.fillStyle = turnplate.colors[i];
                          ctx.beginPath();
                          //arc(x,y,r,起始角,结束角,绘制方向) 方法创建弧/曲线（用于创建圆或部分圆）    
                          ctx.arc(211, 211, turnplate.outsideRadius, angle, angle + arc, false);    
                          ctx.arc(211, 211, turnplate.insideRadius, angle + arc, angle, true);
                          ctx.stroke();  
                          ctx.fill();
                          //锁画布(为了保存之前的画布状态)
                          ctx.save();   

                          //----绘制奖品开始----
                          ctx.fillStyle = "#E5302F";
                          var text = turnplate.restaraunts[i];
                          var line_height = 17;
                          //translate方法重新映射画布上的 (0,0) 位置
                          ctx.translate(211 + Math.cos(angle + arc / 2) * turnplate.textRadius, 211 + Math.sin(angle + arc / 2) * turnplate.textRadius);

                          //rotate方法旋转当前的绘图
                          ctx.rotate(angle + arc / 2 + Math.PI / 2);

                          /** 下面代码根据奖品类型、奖品名称长度渲染不同效果，如字体、颜色、图片效果。(具体根据实际情况改变) **/
                          if(text.indexOf("M")>0){//流量包
                                  var texts = text.split("M");
                                  for(var j = 0; j<texts.length; j++){
                                          ctx.font = j == 0?'bold 20px Microsoft YaHei':'16px Microsoft YaHei';
                                          if(j == 0){
                                                  ctx.fillText(texts[j]+"M", -ctx.measureText(texts[j]+"M").width / 2, j * line_height);
                                          }else{
                                                  ctx.fillText(texts[j], -ctx.measureText(texts[j]).width / 2, j * line_height);
                                          }
                                  }
                          }else if(text.indexOf("M") == -1 && text.length>6){//奖品名称长度超过一定范围 
                                  text = text.substring(0,6)+"||"+text.substring(6);
                                  var texts = text.split("||");
                                  for(var j = 0; j<texts.length; j++){
                                          ctx.fillText(texts[j], -ctx.measureText(texts[j]).width / 2, j * line_height);
                                  }
                          }else{
                                  //在画布上绘制填色的文本。文本的默认颜色是黑色
                                  //measureText()方法返回包含一个对象，该对象包含以像素计的指定字体宽度
                                  ctx.fillText(text, -ctx.measureText(text).width / 2, 0);
                          }

                          //添加对应图标
                          if(text.indexOf("三等奖")>0){
                                  var img= document.getElementById("shan-img");
                                  img.onload=function(){  
                                          ctx.drawImage(img,-15,10);      
                                  }; 
                                  ctx.drawImage(img,-15,10);  
                          }else if(text.indexOf("谢谢参与")>=0){
                                  var img= document.getElementById("sorry-img");
                                  img.onload=function(){  
                                          ctx.drawImage(img,-15,10);      
                                  };  
                                  ctx.drawImage(img,-15,10);  
                          }
                          //把当前画布返回（调整）到上一个save()状态之前 
                          ctx.restore();
                          //----绘制奖品结束----
                  }     
          } 
        }

        </script>
        </head>
        <body style="background:#e62d2d;overflow-x:hidden;">
            <img src="images/1.png" id="shan-img" style="display:none;" />
            <img src="images/2.png" id="sorry-img" style="display:none;" />
                <div style="font-size:40px;height:100px;width:100%;line-height:100px;text-align: center;color:#fff;">宝宝派纳</div>
                <div class="banner" style="margin-top:10%;">
                        <div class="turnplate" style="background-image:url(images/turnplate-bg.png);background-size:100% 100%;">
                                <canvas class="item" id="wheelcanvas" width="422px" height="422px"></canvas>
                                <img class="pointer" src="images/turnplate-pointer.png"/>
                        </div>
                        <div style="font-size:12px;height:20px;width:100%;line-height:20px;text-align:center;color:#fff;margin-top:10px;" id="gist_text"></div>
                        <div style='font-size:14px;height:40px;width:100%;line-height:40px;text-align:center;color:#fff;margin-top:10px;'><a href='http://www.rabbitpre.com/m/NuibyrERa'>想要参加途家萌宝圣诞趴，请点击</a></div>
                </div>
        <?php } else { ?>
            </head>
            <body>
                <p style='width:100%;text-align: center;margin-top:40%;color:#e4393c;'><?php echo $message; ?></p>
        <?php } ?>
        </body>
        </html>